<jsp:useBean id="korisnik"
	type="rs.ac.uns.ftn.informatika.mbs2.e11031.etaksi.entitet.Korisnik"
	scope="session" />
<jsp:useBean id="voznje"
	type="java.util.Collection<rs.ac.uns.ftn.informatika.mbs2.e11031.etaksi.entitet.Voznja>"
	scope="session" />

<html>
<head>
<title><fmt:message key="prikazVoznji" /></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<link href="/${initParam.nazivAplikacije}/css/tema.css" rel="stylesheet"
	type="text/css" />
<script type="text/javascript"
	src="/${initParam.nazivAplikacije}/js/zaglavlje-meni.js">
</script>
<script type="text/javascript"
	src="http://maps.googleapis.com/maps/api/js?key=AIzaSyCboL0NZynp65Ju2VnLu0fx49ea4pVLbqU&sensor=false">
	
</script>
<script type="text/javascript">
	var mapa = null;

	function inicijalizujMapu() {
		var opcije = {
			center : new google.maps.LatLng(45.2464, 19.8518),
			zoom : 8,
			mapTypeId : google.maps.MapTypeId.ROADMAP
		};

		mapa = new google.maps.Map(document.getElementById("platno"), opcije);

		google.maps.event.addListener(mapa, 'click', function(dogadjaj) {
			postaviMarker(mapa, dogadjaj.latLng);
		});
	}

	function prikaziPutanju(ishodisnaSirina, ishodisnaDuzina, odredisteSirina, odredisteDuzina) {

		var putokazServis = new google.maps.DirectionsService();
		var prikazivacPutokaza = new google.maps.DirectionsRenderer({
			map : mapa
		});

		var zahtev = {
			origin : new google.maps.LatLng(ishodisnaSirina,
					ishodisnaDuzina),
			destination : new google.maps.LatLng(odredisteSirina,
					odredisteDuzina),
			travelMode : google.maps.TravelMode.DRIVING,
			unitSystem : google.maps.UnitSystem.METRIC
		};

		putokazServis.route(zahtev, function(rezultat, status) {
			if (status == google.maps.DirectionsStatus.OK)
				prikazivacPutokaza.setDirections(rezultat);
		});
	}
</script>
</head>
<body onload="inicijalizujMapu()">
	<table class="zaglavlje">
		<thead>
			<tr>
				<th><a
					href="/${initParam.nazivAplikacije}/PromenaParametaraKontroler"><fmt:message
							key="promenaParametara" /></a></th>

				<th><a
					href="/${initParam.nazivAplikacije}/PrikazPutnikaKontroler"><fmt:message
							key="prikazPutnika" /></a></th>
				<th><a
					href="/${initParam.nazivAplikacije}/PrikazVozilaKontroler"><fmt:message
							key="prikazVozila" /></a></th>
				<th><a
					href="/${initParam.nazivAplikacije}/PrikazVozacaKontroler"><fmt:message
							key="prikazVozaca" /></a></th>

				<th onclick="prikaziIliSkloniMeni('podesavanja')"><button
						style="cursor: default; background-color: #BCD7F1;">
						<fmt:message key="podesavanja" />
					</button>
					<table class="meni" id="podesavanja">
						<tr>
							<td><a
								href="/${initParam.nazivAplikacije}/jsp/promenaLicnihPodataka.jsp"
								id="promenaLicnihPodataka"><fmt:message
										key="promenaPodataka" /></a></td>
						</tr>
						<tr>
							<td><a
								href="/${initParam.nazivAplikacije}/jsp/promenaLozinke.jsp"><fmt:message
										key="promenaLozinke" /></a></td>
						</tr>
						<tr>
							<td><a href="/${initParam.nazivAplikacije}/OdjavaKontroler">
									<fmt:message key="odjava" />
							</a></td>
						</tr>
					</table></th>
			</tr>
		</thead>
	</table>
	<table class="glavna">
		<thead>
			<tr>
				<th><fmt:message key="redniBroj" /></th>
				<th><fmt:message key="ishodisnaAdresa" /></th>
				<th><fmt:message key="odredisnaAdresa" /></th>
				<th><fmt:message key="brojOsoba" /></th>
				<th><fmt:message key="zapreminaPrtljaga" /></th>
				<th><fmt:message key="masaPrtljaga" /></th>
				<th><fmt:message key="vozac" /></th>
				<th><fmt:message key="vozilo" /></th>
				<th><fmt:message key="cena" /></th>
			</tr>
		</thead>
		<tbody style="height: 100px; overflow: auto;">
			<c:choose>
				<c:when test="${not empty voznje}">
					<c:forEach var="voznja" items="${voznje}" varStatus="status">
						<tr>
							<td>${status.count}</td>
							<td>${voznja.ishodiste.adresa}</td>
							<td>${voznja.odrediste.adresa}</td>
							<td>${voznja.brojOsoba}</td>
							<td>${voznja.zapreminaPrtljaga}</td>
							<td>${voznja.masaPrtljaga}</td>
							<td>${voznja.vozac.ime} ${voznja.vozac.prezime}</td>
							<td>${voznja.vozilo.marka} ${voznja.vozilo.tip}</td>
							<td>${voznja.cena}</td>
							<c:if test="${voznja.odrediste.adresa != null}">
								<td><button
										onclick="prikaziPutanju(${voznja.ishodiste.y}, ${voznja.ishodiste.x}, ${voznja.odrediste.y}, ${voznja.odrediste.x})">
										<fmt:message key="prikazi" />
									</button></td>
							</c:if>
						</tr>
					</c:forEach>
				</c:when>
				<c:otherwise>
					<p class="prazna-tabela">
						<fmt:message key="nemaVoznji" />
					</p>
				</c:otherwise>
			</c:choose>
		</tbody>
	</table>
	<div id="platno"></div>
</body>
</html>
